<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
<!--        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">-->
<!--        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script>-->
    <style>
        .dd{
            margin-top:15px;
            width:200px;
            height:200px
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="border border-primary bg-light dd">边框颜色</div>
        <!--宽度是bootstrap5 才有的-->
        <div class="border border-5 dd">边框宽度</div>
        <div class="border border-top-0 dd">顶部无边框</div>
        <div class="border border-right-0 dd">右侧无边框</div>
         <div class="border border-bottom-0 dd">底部无边框</div>
        <div class="border border-left-0 dd">左侧无边框</div>


        <hr>
        <div class="border rounded dd">11111</div>
    </div>
</body>
</html>